﻿@model IList<Qu.SeniorProject.Model.StudentGrade>

@section head {

	<style type="text/css">
		a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
	</style>

@*    <link href="@Url.Content("~/Content/GradesTable.css")" rel="stylesheet" type="text/css" />*@
    <link href="@Url.Content("~/Content/GradesTable.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/colorbox.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery.tablesorter.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.colorbox-min.js")" type="text/javascript"></script>

   <script language="javascript" type="text/javascript">
       $(function () {
           $("#gradesTable").tablesorter({ widgets: ['zebra'] });
           $("a[rel='ProjectGradingDetails']").colorbox({ transition: "fade", width: "90%", height: "90%", current: "Student {current} of {total}", opacity: "0.7" });
       });
   </script>
 }

<table width="100%" id="gradesTable" class="tablesorter">
    <thead>
    <tr>
        <th width="10%">
            StudentID
        </th>
        <th width="10%">
           ProjectID
        </th>
        <th width="25%">
            StudentName
        </th>
        <th width="10%">
            Section
        </th>
        <th width="10%">
            Grade
        </th>
        <th width="10%">
            LetterGrade
        </th>
        <th width="25%">
            Comment
        </th>
    </tr>
    </thead>
    <tbody>
    @foreach (var sg in Model)
    {
        <tr>
            <td>
                <a href="@Url.Content("~/Grading")/StudentGrades?ProjectID=@sg.ProjectID&StudentID=@sg.StudentId" rel="ProjectGradingDetails" title="Grading Details for @sg.StudentName (Project#@sg.ProjectID)">@sg.StudentId </a>
            </td>
            <td>
                @sg.ProjectID
            </td>
            <td>
                @sg.StudentName
            </td>
            <td>
                @sg.StudentSection
            </td>
            <td>
                @sg.Grade
            </td>
            <td>
                <strong>@sg.LetterGrade</strong>
            </td>
            <td>
                @sg.Comment
            </td>
        </tr>
    }
    </tbody>
</table>
<br/><br/><br/>